السلام عليكم ورحمة الله تعالى وبركاته ، اليوم ان شاء الله جئت لكم بإضافة جديدة واحترافية فهي عبارة عن اضافة تعرض لك صورة موضوع من اختيارك وايضا عنوانه فهي تشبه السلايد شو ولكن غير متحركة تكون واحدة تلو الاخرى حسب ترتيبك ، تساعد ايضا هته الاضافة في زيادة زيارات الزوار لذلك الموضوع وذلك راجع الى هته الاضافة وهي غير موجودة كثيرا في المدونات التي تتكلم عن بلوجر المهم لن اطيل عليكم اطرككم مع الاضافة .
 |
| اضافات بلوجر |
بالنسبة لمعاينة الاضافة فهي موجودة في مدونتنا في السيدبار (يسار المدونة)
اول خطوة نذهب الى القالب > تحرير "Html" > نبحث عن "<head>" > نلصق الكود التالي :
<script src='http://code.jquery.com/jquery-1.11.0.min.js'/>
بعدها نبحث ايضا في القالب عن "]]></b:skin>" > نلص الكود التالي قبله مباشرة :
.pb-feature{
width: 300px;
height: 450px;
margin-top: -27px;
}
.featured-img img:hover {
transform: scale(1.1);
transition: all 0.3s ease 0s;
}
.feature-caption {
display:block;
position:absolute;
background: rgba(29, 34, 34, 0.67);
bottom: 4px;
width: 100%;
color: white;
height: 70px;
text-align: center;
}
.featured-posts li {
width: 300px;
height: 225px;
display:block;
float: left;
position:relative;
overflow:hidden;
}
.featured-posts p {
padding: 1px;
font-family: tahoma;
font-size: 13px;
text-align: center;
direction: rtl;
}
.featured-posts a {
color: white;
text-decoration: none;
font-family: droidkufi-bold;
font-size: 13px;
}
بعدها نتجوه الى التخطيط > اضافة Html/Javascript > نلصق الكود التالي :
<div class="pb-feature"> <ul class="featured-posts"> <li> <div class="featured-img"> <a href="رابط الموضوع"><br /> <img alt="" height="200" nopin="nopin" src="رابط الصورة" width="300" / /></a> </div> <div class="feature-caption"> <p> <a href="رابط الموضوع">عنوان الموضوع<br /></a> </p> <br /> </div> <br /> </li> <br /> </ul> </div>
ملاحظة : اذا كنت تريد اضافة اكثر من موضوع ماعليك سوى ان تقوم بالذهاب الى الكود الاخير وتنسخ من الكود :
<ul class="featured-posts">
الى :
</ul>
وتلصقه في نفس الاضافة بعد :
</ul>
ماعليك الان سوى تكرار العملية تغيير ماهو مكتوب في الكود الاخير بمعلوماتك كاسم الموضوع ، رابط الموضوع.... ومبروك عليك الاضافة لتنسى ليك للموضوع وكمونت لتقديم الافضل .
فريق : مدونة مبدع بلوجر
مدونة التصميم الذكي
ضع اعلانك هنا
